<!DOCTYPE html>
<html>
<head>
	
	<meta charset="utf-8">
	<title>Hello MUI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/app.css"/>
	<style>
		.title{
			margin: 20px 15px 7px;
			color: #6d6d72;
			font-size: 15px;
		}
		.mui-plus header.mui-bar{
			display: block;
		}
		.mui-plus .mui-bar-nav~.mui-content{
			padding-top:36px;
		}
		
		/*头部菜单*/
		.mui-popover {
			height: 80px;
			width:150px;
			font-size: 14px;
			color: #aaa;
		}
		.mui-popover .mui-table-view-cell{
			padding:8px 15px;
		}
		.mui-popover li.mui-table-view-cell:after{
			left: 0;
			background: blank!important;
		}
	</style>
</head>
	<body>
		<header class="mui-bar mui-bar-nav" style="width: auto;">
			<h1 class="mui-title">复验</h1>
			<a id="menu" class="mui-action-menu mui-icon mui-icon-bars mui-pull-right" href="#topPopover"></a>
			<!--<span class="mui-icon mui-icon-bars mui-pull-right mui-active"></span>-->
		</header>
		<div class="mui-content" id="list">
			<div class="title">
				富力新城-二期：富力模拟验房批次
			</div>
			<ul class="mui-table-view">
				 <li class="mui-table-view-cell">
				 	18栋-1单元
				 	<button type="button" class="mui-btn mui-btn-primary mui-btn-outlined">
						下载
					</button>
				 </li>
				 <li class="mui-table-view-cell">
				 	<a class="mui-navigate-right" href="unit_housing.html">
				 		18栋-2单元
				 	</a>	
				 </li>
				 <li class="mui-table-view-cell">
				 	<a class="mui-navigate-right" href="machine.html">
				 		设备设施
				 	</a>	
				 </li>
			</ul>
		</div>
		<!--右上角弹出菜单-->
		<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a href="#">全部下载</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="#">全部上传</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="js/home.js"></script>
	</body>
</html>
